<!DOCTYPE html>
<!-- saved from url=(0039)http://font.baidu.com/editor/empty.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>fonteditor</title>
    <script src="./icon_min_files/hm.js"></script><script>
    var _hmt = _hmt || [];
    /baidu.com$/.test(location.hostname) && (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?65ce30cdeda584c416e39648915689f7";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</head>
<body data-pinterest-extension-installed="cr1.40"><style>*{margin:0;padding:0;list-style:none}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.main{padding:30px 100px}.main h1{font-size:36px;color:#333;text-align:left;margin-bottom:30px;border-bottom:1px solid #eee}.helps{margin-top:40px}.helps pre{padding:20px;margin:10px 0;border:solid 1px #e7e1cd;background-color:#fffdef;overflow:auto}.iconfont-list{overflow:hidden}.iconfont-list li{float:left;width:100px;height:150px;text-align:center}.iconfont-list .icon{font-size:42px;line-height:100px;margin:10px 0;color:#333;font-style:normal;-webkit-transition:font-size .25s ease-out 0s;-moz-transition:font-size .25s ease-out 0s;transition:font-size .25s ease-out 0s}.iconfont-list .icon:hover{font-size:100px}.iconfont-list .code{color:#008000;font-weight:bold}</style>
<style>
    @font-face {
        font-family: 'icon-min';

        src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');

    }
    .icon-min {
        font-family: 'icon-min';
    }
    @font-face {
        font-family: 'icon-checkbox';

        src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');

    }
    .icon-checkbox {
        font-family: 'icon-checkbox';
    }

    @font-face {
        font-family: 'icon-corner';

        src: url(data:font/ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkiTZ6gAAACsAAAAYGNtYXDyGOXTAAABDAAAAVJnbHlmJXUGNAAAAmAAAADUaGVhZAr8ouQAAAM0AAAANmhoZWEHwwOJAAADbAAAACRobXR4EiUBgAAAA5AAAAAUbG9jYQCcAMwAAAOkAAAADG1heHAACAAZAAADsAAAACBuYW1lGVKlzAAAA9AAAAGtcG9zdDjdfHcAAAWAAAAATAAEA6EBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAgAGAwAAAAAAAAAAAAEQAAAAAAAAAAAAAABQZkVkAMDyAPIDAyz/LABcAywA1AAAAAEAAAAAAxgAAAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAPIB8gLyA///AADyAPIC8gP//w4BDgIOAAABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAiAAABMgKqAAMABwAANxEhESczESMiARDuzMwAAqr9ViICZgAAAAEAUP/OA+UCkAAYAAABFhcWFwYHBgchKwEGFxYXJicmJz4BNzsBAuRsSkgDA0hIbP7YAmw/Dw8bbkVFAgTHlgkIApADS0twcEtLAjAzMxslXF17mcwEAAABAB4AtAQbAZsAAwAAAQchJwEE5gP95QGb5+cAAQCgALQDaQGZAAMAAAEHIScBhOQCyeUBmeXlAAEAUAC0A+gBmgADAAABByEnATbmA5jmAZrm5gABAAAAAQAA9eRLnl8PPPUACwQAAAAAANPRibgAAAAA09LVtwAe/84EGwKqAAAACAACAAAAAAAAAAEAAAMs/ywAXAQ5AB4AHgQbAAEAAAAAAAAAAAAAAAAAAAAFAXYAIgQ1AFAEOQAeBAkAoAQ4AFAAAAAUAEAATgBcAGoAAQAAAAUAGQACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAlgABAAAAAAABAAoAAAABAAAAAAACAAYACgABAAAAAAADABsAEAABAAAAAAAEAAoAKwABAAAAAAAFAB4ANQABAAAAAAAGAAoAUwADAAEECQABABQAXQADAAEECQACAAwAcQADAAEECQADADYAfQADAAEECQAEABQAswADAAEECQAFADwAxwADAAEECQAGABQBA2ZvbnRlZGl0b3JNZWRpdW1Gb250RWRpdG9yIDEuMCA6IGZvbnRlZGl0b3Jmb250ZWRpdG9yVmVyc2lvbiAxLjA7IEZvbnRFZGl0b3IgKHYxLjApZm9udGVkaXRvcgBmAG8AbgB0AGUAZABpAHQAbwByAE0AZQBkAGkAdQBtAEYAbwBuAHQARQBkAGkAdABvAHIAIAAxAC4AMAAgADoAIABmAG8AbgB0AGUAZABpAHQAbwByAGYAbwBuAHQAZQBkAGkAdABvAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADsAIABGAG8AbgB0AEUAZABpAHQAbwByACAAKAB2ADEALgAwACkAZgBvAG4AdABlAGQAaQB0AG8AcgAAAAACAAAAAAAAADIAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAECAQMBBAEFB3VuaUYyMDAHdW5pRjIwMQd1bmlGMjAzB3VuaUYyMDI=) format('truetype');

    }
    .icon-corner {
        font-family: 'icon-corner';
    }
    @font-face {
        font-family: 'icon-tag';

        src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');

    }
    .icon-tag {
        font-family: 'icon-tag';
    }
    @font-face {
        font-family: 'icon-notice';

        src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');

    }
    .icon-notice {
        font-family: 'icon-notice';
    }
</style>
<div class="main">
    <h1>预览ttf格式字体</h1>
    <h2>默认icon</h2>
    <ul class="iconfont-list">

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f001</div>
            <div class="name">fi</div>
        </li>

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f002</div>
            <div class="name">fl</div>
        </li>

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f003</div>
            <div class="name">uniF003</div>
        </li>

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f004</div>
            <div class="name">uniF004</div>
        </li>

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f000</div>
            <div class="name">uniF000</div>
        </li>

        <li>
            <i class="icon icon-min"></i>
            <div class="code">\f005</div>
            <div class="name">uniF005</div>
        </li>

    </ul>
    <h2>checkbox使用的icon，单独引用在checkbox组件里</h2>
    <ul class="iconfont-list">

        <li>
            <i class="icon icon-checkbox"></i>
            <div class="code">\f100</div>
            <div class="name">uniF100</div>
        </li>

        <li>
            <i class="icon icon-checkbox"></i>
            <div class="code">\f101</div>
            <div class="name">uniF101</div>
        </li>

        <li>
            <i class="icon icon-checkbox"></i>
            <div class="code">\f102</div>
            <div class="name">uniF102</div>
        </li>

        <li>
            <i class="icon icon-checkbox"></i>
            <div class="code">\f103</div>
            <div class="name">uniF103</div>
        </li>

    </ul>
    <h2>角标使用的icon，单独引用在corner组件里</h2>
    <ul class="iconfont-list">

        <li>
            <i class="icon icon-corner"></i>
            <div class="code">\f200</div>
            <div class="name">uniF200</div>
        </li>

        <li>
            <i class="icon icon-corner"></i>
            <div class="code">\f201</div>
            <div class="name">uniF201</div>
        </li>

        <li>
            <i class="icon icon-corner"></i>
            <div class="code">\f203</div>
            <div class="name">uniF203</div>
        </li>

        <li>
            <i class="icon icon-corner"></i>
            <div class="code">\f202</div>
            <div class="name">uniF202</div>
        </li>

    </ul>
    <h2>标签使用的icon，单独引用在tag组件里</h2>
    <ul class="iconfont-list">

        <li>
            <i class="icon icon-tag"></i>
            <div class="code">\f300</div>
            <div class="name">uniF300</div>
        </li>

        <li>
            <i class="icon icon-tag"></i>
            <div class="code">\f301</div>
            <div class="name">uniF301</div>
        </li>

        <li>
            <i class="icon icon-tag"></i>
            <div class="code">\f302</div>
            <div class="name">uniF302</div>
        </li>

    </ul>
    <h2>空白提示页使用的icon，单独引用在notice组件里</h2>
    <ul class="iconfont-list">

        <li>
            <i class="icon icon-notice"></i>
            <div class="code">\f400</div>
            <div class="name">uniF400</div>
        </li>

    </ul>
</div>
</body></html>
